<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人中心</title>
		<script src="../js/mui.min.js"></script>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/hiconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<style>
			#myPageHead {
				height: 180px;
				background: linear-gradient(135deg, #29aecd, #42cfb8);
				padding: 60px;
			}
			
			.myItem {
				width: 100%;
				height: 80px;
				box-sizing: border-box;
				border-right: 1px solid #DDDDDD;
				border-top: 1px solid #DDDDDD;
			}
			
			.myItem figure {
				margin-top: 10px;
			}
			.systemList img{
				vertical-align: middle;
				margin-top: -4px;
			}
			.mui-table-view:before,
			.mui-table-view:after{
				height: 0;
			}
		</style>
	</head>
	<div id="myPage">
		<div class="mui-content">
			<div id="myPageHead" class="mui-text-center">
				<figure>
					<img src="../images/hong_favicon.ico" style="width: 68px;height: 68px;border-radius: 50%;" />
					<p class="whiteColor titleSize30">登录 / 注册</p>
				</figure>
			</div>
 
			<ul class="mui-table-view hya-flex mui-text-center">
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">我的发布</p>
					</figure>
				</li>
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">我的抢单</p>
					</figure>
				</li>
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">我的印象</p>
					</figure>
				</li>
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">个人账户</p>
					</figure>
				</li>

			</ul>
			<ul class="mui-table-view hya-flex mui-text-center">
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">跳蚤市场</p>
					</figure>
				</li>
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">超值流量</p>
					</figure>
				</li>
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">图书教材</p>
					</figure>
				</li>
				<li class="myItem">
					<figure>
						<img src="../images/hong_favicon.ico" />
						<p class="ordinaryColor ordinarySize24">福利活动</p>
					</figure>
				</li>
			</ul>
			<div class="hya-interval"></div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell systemList">
					<img src="../images/hong_favicon.ico" />
					<span class="ordinarySize24 ordinaryColor">设置</span>
				</li>
				<li class="mui-table-view-cell systemList">
					<img src="../images/hong_favicon.ico" />
					<span class="ordinarySize24 ordinaryColor">常见问题</span>
				</li><li class="mui-table-view-cell systemList">
					<img src="../images/hong_favicon.ico" />
					<span class="ordinarySize24 ordinaryColor">反馈</span>
				</li>
				<li class="mui-table-view-cell systemList">
					<img src="../images/hong_favicon.ico" />
					<span class="ordinarySize24 ordinaryColor">关于</span>
				</li>
			</ul>
		</div>
	</div>

	<body>
		<script type="text/javascript">
			mui.init({
				swipeBack: true, //启用右滑关闭功能
			});
		</script>
	</body>

</html>